<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
    <title>分销商品管理</title>
    <link rel="stylesheet" href="../css/mui.min.css"/>
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../iconfont/iconfont.css" />
    <style>
    	.fenxiang-btn {
    		background: #FC3A2E;
    		color: #fff;
    		padding-top: 2px;
    		padding-bottom: 2px;
    		font-size: 13px;
    	}
    	.ally-img {
    		overflow: hidden;
    	}
    	.ally-img img {
    		height: 65px;
			max-width: 80%;
    	}
    	.ally-product {
    		border-top: 1px solid #EEEEEE;
    	}
    </style>
</head>
<body>
	<!--数据列表 开始-->
	<div class="mui-content mui-scroll-wrapper container-pull-refresh no-pad">
		<div class="mui-scroll">
			<!--数据列表-->
			<section class="mui-table-view scroll-data" data-tpl="tpl-template">
				<div class="no-data"><img src="../image/icon-waiting.gif" /></div>
			</section>
		</div>
	</div>
	<!--数据列表 结束-->
	
	<!-- 分销商品模板 开始 -->
	<script type="text/template" id="tpl-template">
		{{if !data || data.length == 0}}
		<div class="no-data">
			<center>暂时无数据</center>
		</div>
		{{/if}}
		{{each data as item}}
		<div class="mui-row white ally-product" data-id="{{item.id}}">
			<div class="mui-col-xs-3 mui-text-center pad-v-sm ally-img">
				<img src="{{thumb(item.goods_extend.thumb)}}" />
			</div>
			<div class="mui-col-xs-6 mgn-v-md pad-v-sm">
				<div class="name">{{item.title}}</div>
				<div>佣金：<label class="text-primary">￥{{(item.goods_extend.goods_price * item.bonus)/10000}}</label></div>
			</div>
			<div class="mui-col-xs-3 mgn-v-md">
				<button class="fenxiang-btn no-bdr pad-h mgn-v btn-share">分享赢钱</button>
			</div>
		</div>
		{{/each}}
	</script>
	<!-- 分销商品模板 结束 -->
	
	<script type="text/javascript" src="../js/mui.min.js" ></script>
	<script type="text/javascript" src="../js/jquery.min.js" ></script>
	<script type="text/javascript" src="../js/template.js" ></script>
	<script type="text/javascript" src="../js/app.js" ></script>
	<script type="text/javascript" src="member.ally.manage.scroll.js" ></script>
</body>
</html>